<template>
  <div class="home">
    <!-- 头部信息 -->
    <header>
      <div class="header-center">
        <div class="title">以太猫</div>
        <div class="title">中国第一款区块链游戏</div>
        <ul class="downloader">
          <li>
            <a href="">下载APP</a>
          </li>
          <li>
            <a href="">关注公众号</a>
          </li>
          <li>
            <a href="">白皮书</a>
          </li>

        </ul>
      </div>
      <div class="header-buttom">
        <div class="down">
          <img src="http://p468bel6t.bkt.clouddn.com/img/icon/circle.png" alt="" width="50">
        </div>
      </div>
    </header>
  
    <!-- 导航 -->
    <nav class="clearfix  ">
      <div class="contain layout">
        <div class="left">
                  <img src="./../assets/img/logo.png" alt="" >
              </div>
                <div class="center">
                  <span style="color: #ff6f00; font-size:18px;">以太猫</span><br>
                  <span >您的第一只永恒的宠物</span>
                </div>
              <ul class="right clearfix">
                <li>以太猫介绍</li>
                <li>核心成员</li>
                <li>白皮书</li>
                <li>发展规划</li>
                <li>联系我们</li>
              </ul>
              </div>
      
    </nav>
    <!-- 内容 -->
    <ul class="introduction layout">
       <li>
         <img src="http://p468bel6t.bkt.clouddn.com/img/bh.png" alt="">
         <p>独一无二</p>
         <div>游戏中的以太猫将有几十亿种外貌特征，每只猫咪都像你一样独特</div>
       </li>
       <li>
         <img src="http://p468bel6t.bkt.clouddn.com/img/gd.png" alt="">
         <p>永久存在</p>
         <div>基于以太经典区块链技术，每只猫咪都是100%无法篡改、毁坏、复制</div>
       </li>
       <li>
         <img src="http://p468bel6t.bkt.clouddn.com/img/yx.png" alt="">
         <p>玩法多样</p>
         <div>以太猫均可以进行交易、配育、赠送，后期陆续开放猫咪PK、养成等多种互动玩法</div>
       </li>
    </ul>
  </div>
</template>

<script>
import './../assets/sass/home.scss';
export default {
  name: "HelloWorld",
  data() {
    return {};
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss"  scoped>

</style>
